
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <link type="text/css" rel="stylesheet" href="estilo.css" />
    <h1>Alta de negocio</h1>
       
    <h:panelGrid id="panelFormNegocio" columns="3" style="font-size: small">
            <p:outputLabel value="Nombre del negocio:" />
                <p:inputText id="negnombre" size="30" 
                                       requiredMessage="* Nombre requerido."
                                       value="#{cNeg.cnegNombre}"
                                       required="true"
                                       validator="#{usermanager.isNegNombreValid}"/>
                <p:outputLabel value="Min. 2, Max. 40. Debe ser único." style="font-size: x-small;" />
                <p:outputLabel value=""/><p:message for="negnombre"/><p:outputLabel value=""/>
            <p:outputLabel value="Descripcion:" />
                <p:inputText id="negdescripcion" size="40"      
                                 requiredMessage="* Descripcion necesaria."
                                 value="#{cNeg.cnegDescripcion}"
                                 required="true"/>  
                <p:outputLabel value="Max. 240" style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negdescripcion"/><p:outputLabel value=""/>

            <p:outputLabel value="Logotipo:"/> 
                <p:panelGrid columns="2">
                    <p:fileUpload fileUploadListener="#{cNeg.handleFileUpload}" valueChangeListener="#{cNeg.handleFileUpload}" mode="advanced"  
                        update=":formMenu:messages,previmage" auto="true" sizeLimit="100000" allowTypes="/(\.|\/)(gif)$/"
                        />
                    <p:graphicImage height="130" width="330" id="previmage" value="#{cNeg.chart}"/>
                </p:panelGrid>
                <p:outputLabel value="Formato GIF. Tamaño 660x260px. Max. 100KB." style="font-size: x-small;"/>
            
            <p:outputLabel value="Direccion:" />
                <p:inputText id="negdireccion" size="40"       
                                 requiredMessage="* Direccion necesaria."
                                 value="#{cNeg.cnegDireccion}"
                                 required="true"/>  
                <p:outputLabel value="Max. 120. Poblacion, Calle y número." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negdireccion"/><p:outputLabel value=""/>
            <p:outputLabel value="Telefono:" />
                <p:inputText id="negtelefono" size="10"      
                                 requiredMessage="* Telefono necesario."
                                 value="#{cNeg.cnegTelefono}"
                                 required="true"/>  
                <p:outputLabel value="Max 20. No es necesario prefijo internacional." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negtelefono"/><p:outputLabel value=""/>
            <p:outputLabel value="Email:" />
                <p:inputText id="negemail" size="30"       
                                 requiredMessage="* Email necesario."
                                 value="#{cNeg.cnegEmail}"
                                 required="true"/>  
                <p:outputLabel value="Tus clientes te escribirán a este email." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negemail"/><p:outputLabel value=""/>
            <p:outputLabel value="Pagina web:" />
                <p:inputText id="negpaginaweb" size="30"       
                                 requiredMessage="* Pagina web necesaria."
                                 value="#{cNeg.cnegPaginaweb}"
                                 required="true"/>  
                <p:outputLabel value="" style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negpaginaweb"/><p:outputLabel value=""/>                
            <p:outputLabel value="Horario:" />
                <p:inputText id="neghorario" size="30"       
                                 requiredMessage="* Horario necesario."
                                 value="#{cNeg.cnegHorario}"
                                 required="true"/>  
                <p:outputLabel value="Max. 60. Ejemplo: L-V: 9:00-13:30,16:30-20:00. S: 10:00-14:30." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:neghorario"/><p:outputLabel value=""/>  
            <p:outputLabel value="Coordenadas:" />
                <p:inputText id="negcoordenadas" size="50"       
                                 requiredMessage="* Coordenadas necesarias."
                                 value="#{cNeg.cnegCoordenadas}"
                                 required="true" readonly="true" />  
                <p:outputLabel value="Selecciona en el mapa la posicion exacta de tu negocio." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:negcoordenadas"/><p:outputLabel value=""/>                  
                <p:outputLabel value=" " />
                <p:gmap center="41.65778,-0.891979" zoom="15" type="ROADMAP" style="width:600px;height:400px" model="#{cNeg.emptyModel}" id="gmapCreate">  
                    <p:ajax event="pointSelect" listener="#{cNeg.onPointSelect}" update=":formMenu:messages,negcoordenadas,gmapCreate" />  
                </p:gmap>
                <p:outputLabel value=" " />
                <p:outputLabel value=" " />
                <p:captcha label="pruebacaptcha" id="pcaptcha2" theme="white"
                           requiredMessage="Necesario introducir valor del captcha."
                           validatorMessage="Valor del captcha incorrecto."/>
                
                
                <p:outputLabel value=" " />

                <p:outputLabel value=" " />
                <h:commandButton id="submit2" 
                         value="Crear negocio"
                         action="#{cNeg.createNegocio}"/>
                <p:outputLabel value=" " />
                <p:outputLabel value=" " />
                

    </h:panelGrid>
</ui:composition>